<template class="container">
    <WindowTitleBar title="测试"></WindowTitleBar>
    <!-- <select v-bind:options="options" value="湖北省"></select>
    <button onclick=click>切换省份</button>
    <select v-bind:value="value" placeholder="省" AllowCreate=true>
        <option value="广东省">广东省</option>
        <option value="湖北省">湖北省</option>
        <option value="湖南省">湖南省</option>
    </select>
    <select v-bind:value="value" v-bind:options="options"></select> -->

    <div>
        <select id="select" v-bind:options="opts" value="B" isAllowCreate=true isShowArrowIcon=false isAutoScroll=true></select>
    </div>
</template>

<script type="text/lua">
RegisterComponent("WindowTitleBar", "%vue%/Components/WindowTitleBar.html");

options = {"广东省", "湖北省", "湖南省", "广东省", "湖北省", "湖南省", "广东省", "湖北省", "湖南省", "广东省", "湖北省", "湖南省"};

opts = {
    {"A", "A"}, 
    {"B", "B"},
    {"C", "C"},
    {"D", "D"},
    {"E", "E"},
    {"F", "F"},
    {"G", "G"},
    {"H", "H"},
    {"I", "I"},
    {"J", "J"},
    {"K", "K"},
    {"L", "L"},

}
GetGlobalScope():Set("value", "");
local count = 1;

function click()
    options = {"福建省", "江西省"};
    GetGlobalScope():Set("value", "value" .. count);
    count = count + 1;
end

</script>

<style>
    .container {
        height: 100%; 
        width: 100%; 
        padding: 0px 2px 2px 2px;
        background: url(Texture/Aries/Creator/keepwork/Window/dakuang_32bits.png#0 0 440 93:378 43 33 44);
    }
</style>